﻿$(document).ready(function () {
    $("input[name=search]").focus(function () {
        var newWidth = $('#header-right').outerWidth() - 40 - (15 * 2);

        $(this).css({
            width: newWidth + 'px'
        });

        if ($(this).val() == 'Search..') {
            $(this).val('');
        }
    });

    $("input[name=search]").blur(function () {
        $(this).css({
            width: ''
        });
        
        if ($(this).val() == '') {
            $(this).val('Search..');
        }
    });
});